<div class="HelpDiv">
	<div class="HelpDivHead">
		<div class="HelpTitle">前端控件</div>
		<div class="HelpMenu">
		  <div><a href="#Label">文本标签</a></div>
		  <div><a href="#TextBox">文本框</a></div>
		  <div><a href="#TextareaBox">文本域</a></div>
		  <div><a href="#NumberBox">数字框</a></div>
		  <div><a href="#PercentBox">百分比框</a></div>
		  <div><a href="#CheckBox">多选框</a></div>
		  <div><a href="#DropDownList">下拉框</a></div>
		  <div><a href="#Calendar">日期控件</a></div>
		  <div><a href="#Refer">参照控件</a></div>
		  <div><a href="#ModalBox">模态框</a></div>
		  <div><a href="#Btn">按钮</a></div>
		  <div><a href="#DropDownButton">下拉按钮</a></div>
		  <div><a href="#BtnFind">查找按钮</a></div>
		  <div><a href="#PageButton">翻页按钮组</a></div>
		</div>
	</div>

	<div class="HelpBody">
		<div id="TextBox" class="HelpBodyBig" name="TextBox">公共特性（说明：<font class="HelpTwoWay">蓝色</font>字表示双向绑定属性，<font class="HelpNotEmpty">红色</font>字表示必输属性，<font class="HelpBoth">绿色</font>字表示两者皆有）</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">value</div>
			<div>控件值，双向传递，在此基础上，部分控件还有有特殊说明</div>
		</div>
		<div class="HelpBodySmall">
			<div>Enabled</div>
			<div>是否可编辑，实时传递，默认为true</div>
		</div>
		<div class="HelpBodySmall">
			<div>Visible</div>
			<div>是否显示，实时传递，默认为true</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">
			<div>change</div>
			<div>值改变后事件，onchange触发，不支持Label</div>
		</div>
		<div class="HelpBodySmall">
			<div>blur</div>
			<div>控件失去焦点事件，由ng-blur触发，不支持BtnFind、Label</div>
		</div>
		<div class="HelpSeparatedLine"/>
		
		<div id="Label" class="HelpBodyBig" name="Label">文本标签(Label)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>IsEmpty</div>
			<div>是否可空标记，当值为false时，标签右边会出现红色的“*”，用来标记标签所对应的控件值不能为空，默认值为：true</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">
			<div>click</div>
			<div>当该属性有值时，标签文字会有下划线显示，并响应点击事件</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;Label click="labelClick()"&gt;显示名称&lt;/Label&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="TextBox" class="HelpBodyBig" name="TextBox">文本框(TextBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>IsEmpty</div>
			<div>是否可空</div>
		</div>		
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;TextBox value="textValue"&gt;&lt;/TextBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="TextareaBox" class="HelpBodyBig" name="TextareaBox">文本域(TextareaBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>Height</div>
			<div>控件高度，默认值：100px</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;TextareaBox value="textValue"&gt;&lt;/TextareaBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="NumberBox" class="HelpBodyBig" name="NumberBox">数字框(NumberBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>MinValue</div>
			<div>数值，设定可录入的最小值</div>
		</div>
		<div class="HelpBodySmall">
			<div>MaxValue</div>
			<div>数值，设定可录入的最大值</div>
		</div>
		<div class="HelpBodySmall">
			<div>Round</div>
			<div>设置精度、舍入值、舍入类型，一旦设置，精度不能为空<br>
				Precision: 默认为2<br>
				RoundType: PublicEnum.RoundType, 舍入类型，默认为四舍五入<br>
				RoundValue: 舍入值<br>
				例如：{Precision: 2 , RoundType: 3, RoundValue: 5}
				</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;NumberBox value="numValue" Round="{Precision: 2 , RoundType: 3, RoundValue: 5}"&gt;&lt;/NumberBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="PercentBox" class="HelpBodyBig" name="PercentBox">百分比框(PercentBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>MinValue</div>
			<div>数值，设定可录入的最小值</div>
		</div>
		<div class="HelpBodySmall">
			<div>MaxValue</div>
			<div>数值，设定可录入的最大值</div>
		</div>
		<div class="HelpBodySmall">
			<div>Round</div>
			<div>设置精度、舍入值、舍入类型，一旦设置，精度不能为空<br>
				Precision: 默认为2<br>
				RoundType: PublicEnum.RoundType, 舍入类型，默认为四舍五入<br>
				RoundValue: 舍入值<br>
				例如：{Precision: 2 , RoundType: 3, RoundValue: 5}
				</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;PercentBox value="percentValue" Round="{Precision: 2 , RoundType: 3, RoundValue: 5}"&gt;&lt;/PercentBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="CheckBox" class="HelpBodyBig" name="CheckBox">多选框(CheckBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">value</div>
			<div>注意：只能绑定对象的属性值，因为直接绑定Scope的属性，值不会传递，<br>AngularJS本身缺陷<br>
				例如：value="Data.Checked"
			</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;CheckBox value="Data.Checked"&gt;&lt;/CheckBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="DropDownList" class="HelpBodyBig" name="DropDownList">下拉框(DropDownList)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpNotEmpty">enum</div>
			<div>下拉框绑定哪个枚举<br>
				例如：<br>
				$scope.RowStatus = {<br>
		            &nbsp;&nbsp;&nbsp;&nbsp;UnChange: {Value: 0, Text: '没变'},<br>
		            &nbsp;&nbsp;&nbsp;&nbsp;Insert: {Value: 1, Text: '新增'},<br>
		            &nbsp;&nbsp;&nbsp;&nbsp;Delete: {Value: 2, Text: '删除'},<br>
		            &nbsp;&nbsp;&nbsp;&nbsp;Modify: {Value: 3, Text: '修改'}<br>
		        }<br>
				Html代码里面添加 enum="RowStatus"
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>IsEmpty</div>
			<div>是否可空，默认值为True</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;DropDownList value="module.FocusedRecord.Status" enum="RowStatus"&gt;&lt;/TextBox&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="Calendar" class="HelpBodyBig" name="Calendar">日期控件(Calendar)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">value</div>
			<div>	
				该值是时间的字符串，并不是Date，因为MogonDB存储的是国际UTC时间的字符串<br>
				例如：$scope.DateNow = (new Date()).toString(); <br>
				value="DateNow"
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>Type</div>
			<div>
				枚举类型：PublicEnum.DateTimeFormat<br>
				支持日期时间和日期两种格式，默认值：日期时间（PublicEnum.DateTimeFormat.DateTime）<br>
				例如：$scope.CalendarType = PublicEnum.DateTimeFormat.Date<br>
				控件属性添加：Type="CalendarType"
			</div>
		</div>

		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			HelpBodySmall&lt;Calendar value="value"&gt;&lt;/Calendar&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="Refer" class="HelpBodyBig" name="Refer">参照控件(Refer)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">value</div>
			<div>是个JSON对象，比如，Module.FocusedRecord.ItemMaster，该属性本身就是一个对象，下面还包含Code、Name等字段，<br>
			参照会将查询到的实体对象直接赋值给Module.FocusedRecord.ItemMaster</div>
		</div>
		<div class="HelpBodySmall">
			<div class="HelpNotEmpty">EntityName</div>
			<div>表名称，参照查询对应的实体</div>
		</div>
		<div class="HelpBodySmall">
			<div>Condition</div>
			<div>查询条件，例如：<br>
				Condition="{Code: 'Code1'}"
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>OrderBy</div>
			<div>排序条件，例如：<br>
				OrderBy="{CreatedOn : -1}"
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>Populate</div>
			<div>关联查询子表，例如：<br>
				Populate="ItemMaster"<br>
				Populate="{path: 'Department', select: 'Name'}"<br>
				Populate="[{path: 'ItemMaster', select: 'Code Name'}, {path: 'Department', select: 'Name'}]"
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>WindowTitle</div>
			<div>参照弹出窗口标题名称</div>
		</div>
		<div class="HelpBodySmall">
			<div>KeyField</div>
			<div>绑定key值的字段名，默认：_id</div>
		</div>
		<div class="HelpBodySmall">
			<div>CodeField</div>
			<div>控件有焦点时的显示内容，绑定Code值的字段名，默认：Code</div>
		</div>
		<div class="HelpBodySmall">
			<div>TextField</div>
			<div>控件无焦点时的显示内容，绑定Text值的字段名，默认：Name</div>
		</div>
		<div class="HelpBodySmall">
			<div>IsSelect</div>
			<div>是否支持多选，默认为：false</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">
			<div>beforeshow</div>
			<div>弹出窗口前产生的事件，并会将参照作用域作为参数传递过来<br>
			例如：$scope.beforeShow = function(refScope){}<br>
			控件里面添加：beforeshow="beforeShow(refScope)"<br>
			可以处理一些特殊事情以及弹出前修改参照的过滤条件等</div>
		</div>
		<div class="HelpBodyMiddle">子集合（Column）</div>
		<div class="HelpBodySmall">
			<div>Type</div>
			<div>
				列类型，默认为TextBox，还可以根据显示需要选择：<br>
				CheckBox：<br>
				NumberBox：数字列可录入精度属性Round，同NumberBox设置<br>
				PercentBox：百分比列可录入精度属性Round，同PercentBox设置<br>
				DropDownList：必须录入<font class="HelpNotEmpty">Enum</font>属性值，与DropDownList的enum属性相同<br>
				Calendar：可录入CalendarType，"DateTime"或者"Date"，默认为DateTime类型
			</div>
		</div>
		<div class="HelpBodySmall">
			<div>IsFilter</div><div>列字段是否支持过滤，默认值：true</div>
		</div>
		<div class="HelpBodySmall">
			<div>Width</div><div>列宽度，默认值：100px</div>
		</div>
		<div class="HelpBodySmall">
			<div>DisplayName</div><div>列显示名称</div>
		</div>
		<div class="HelpBodySmall">
			<div>ValueField</div><div>绑定的实体字段</div>
		</div>		
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;Refer EntityName="ItemMaster" CodeField="ItemMaster.Code" ValueField="ItemMaster.Name"&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="TextBox" Width="150px" DisplayName="编码" ValueField="Code"&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="TextBox" Width="150px" DisplayName="名称" ValueField="Name"&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="CheckBox" Width="150px" DisplayName="可生产" ValueField="IsProduct"&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="NumberBox" Width="150px" DisplayName="安全库存" ValueField="Stock" Round="{Precision: 2 , RoundType: 3, RoundValue: 5}&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="PercentBox" Width="150px" DisplayName="合格率" ValueField="PassRate" Round="{Precision: 2 , RoundType: 3, RoundValue: 5}&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="DropDownList" Width="150px" DisplayName="类型" ValueField="Type" Enum="ItemMasterType"&gt;&lt;/Column&gt;<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&lt;Column Type="Calendar" Width="200px" DisplayName="完工日期" CalendarType="Date" ValueField="CompleteDate"&gt;&lt;/Column&gt;<br>
            &lt;/Refer&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="ModalBox" class="HelpBodyBig" name="ModalBox">模态框(ModalBox)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div>IsDisplayBtn</div>
			<div>是否显示按钮，默认值为：true</div>
		</div>
		<div class="HelpBodySmall">
			<div>IsDisplayOKBtn</div>
			<div>在IsDisplayBtn=true的情况下才有作用，是否显示“确定”按钮，默认值为：true</div>
		</div>
		<div class="HelpBodySmall">
			<div>IsDisplayCancelBtn</div>
			<div>在IsDisplayBtn=true的情况下才有作用，是否显示“取消”按钮，默认值为：true</div>
		</div>
		<div class="HelpBodySmall">
			<div>Text</div>
			<div>按钮显示文字</div>
		</div>
		<div class="HelpBodySmall">
			<div>WindowTitle</div>
			<div>模态框标题</div>
		</div>
		<div class="HelpBodySmall">
			<div>Width</div>
			<div>模态框宽度，默认值为：600px</div>
		</div>
		<div class="HelpBodySmall">
			<div>Height</div>
			<div>模态框高度，默认值为：auto</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">
			<div>beforeshow</div>
			<div>窗口弹出之前</div>
		</div>
		<div class="HelpBodySmall">
			<div>okclick</div>
			<div>点击确定按钮</div>
		</div>
		<div class="HelpBodySmall">
			<div>cancelclick</div>
			<div>点击取消按钮或者点击右上角“X”关闭窗口</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;ModalBox Text="模态框" WindowTitle='工单上线'&gt;<br>
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;模态框内容，遵循HTML格式&lt;/div&gt;<br>
			&lt;/ModalBox&gt;<br>
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="Btn" class="HelpBodyBig" name="Btn">按钮(Btn)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpNotEmpty">value</div>
			<div>按钮的显示名称，获取的是实际的Html属性值</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">没有为此控件封装单独的事件，可直接使用AngularJS事件，比如：ng-click</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;Btn value="按钮"&gt;&lt;/Btn&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="DropDownButton" class="HelpBodyBig" name="DropDownButton">下拉按钮(DropDownButton)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpNotEmpty">value</div>
			<div>按钮的显示名称，获取的是实际的Html属性值</div>
		</div>
		<div class="HelpBodyMiddle">子集合（ButtonOption）</div>
		<div class="HelpBodySmall">
			<div class="HelpNotEmpty">value</div>
			<div>下拉按钮的显示名称，获取的是实际的Html属性值</div>
		</div>
		<div class="HelpBodySmall">
			<div>Visible</div>
			<div>同公共特性Visible</div>
		</div>
		<div class="HelpBodySmall">没有为此子集合控件封装单独的事件，可直接使用AngularJS事件，比如：ng-click</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;DropDownButton value="按钮"&gt;<br>
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;ButtonOption value="报废" ng-click="onScrap()"&gt;&lt;/DropDownButton&gt;<br>
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;ButtonOption value="返工" ng-click="onRework()"&gt;&lt;/DropDownButton&gt;<br>
			&lt;/DropDownButton&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="BtnFind" class="HelpBodyBig" name="BtnFind">查找按钮(BtnFind)</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">module</div>
			<div>弹出窗口选择的记录直接返回给该module.FocusedRecord，查询所需要的属性：实体名称、排序、查询等条件，全来自该module</div>
		</div>
		<div class="HelpBodyMiddle">子集合（Column）</div>
		<div class="HelpBodySmall">
			<div>Type</div>
			<div>
				列类型，默认为TextBox，还可以根据显示需要选择：<br>
				CheckBox：<br>
				NumberBox：数字列可录入精度属性Round，同NumberBox设置<br>
				PercentBox：百分比列可录入精度属性Round，同PercentBox设置<br>
				DropDownList：必须录入<font class="HelpNotEmpty">Enum</font>属性值，与DropDownList的enum属性相同<br>
				Calendar：可录入CalendarType，"DateTime"或者"Date"，默认为DateTime类型
			</div>
		</div>
		<div class="HelpBodyMiddle">代码</div>
		<div class="HelpBodySmall">
			&lt;BtnFind DisplayName="查找" WindowTitle="弹出窗口名称" change="btnFindChange()" module="Module.moduleName"&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="TextBox" width="200px" DisplayName="文本框" ValueField="Text"&gt;&lt;/Column&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="CheckBox" width="150px" DisplayName="多选框" ValueField="IsChecked"&gt;&lt;/Column&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="NumberBox" Round="{Precision: 2, RoundType: 3, RoundValue: 5}" width="150px" DisplayName="数值" ValueField="number"&gt;&lt;/Column&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="PercentBox" Round="{Precision: 2, RoundType: 3, RoundValue: 5}" width="150px" DisplayName="百分比" ValueField="percent"&gt;&lt;/Column&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="Calendar" CalendarType="DateTime" width="150px" DisplayName="日期" ValueField="datetime"&gt;&lt;/Column&gt;
	        <br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Column type="DropDownList" width="150px" DisplayName="枚举" Enum="EnumName" ValueField="datetime"&gt;&lt;/Column&gt;
	      <br>&lt;/BtnFind&gt;
		</div>
		<!-- ----------------------------------------------------------------------------------------------------------- -->
		<br>
		<div id="PageButton" class="HelpBodyBig" name="PageButton">翻页按钮组(PageButton)</div>
		<div class="HelpBodyMiddle">功能说明</div>
		<div class="HelpBodySmall">减少重复写单据翻页代码，将“首页、上页、下页、末页”提取成单独控件</div>
		<div class="HelpBodyMiddle">属性</div>
		<div class="HelpBodySmall">
			<div class="HelpBoth">module</div>
			<div>当前单据对应的module</div>
		</div>
		<div class="HelpBodyMiddle">事件</div>
		<div class="HelpBodySmall">
			<div>beforeturnpage</div>
			<div>点击翻页按钮，响应默认事件之前</div>
		</div>
		<div class="HelpBodySmall">
			<div>afterturnpage</div>
			<div>点击翻页按钮，响应默认事件之后</div>
		</div>
	</div>
</div>